@import '@/styles/common/px2rem.scss';
.register {
  flex: 1;
  background: #fff;
  .lx-head {
    width: 100%;
    height: px2rem(44);
    border-bottom: 1px solid gray;
    display: flex;
    align-items: center;

    i {
      flex: 1;
      text-align: left;
      font-size: px2rem(18);
      margin-left: px2rem(10);
      color: #666;
    }

    span {
      flex: 1;
      text-align: center;
      color: #666;
    }

    .lxheadright {
      text-align: right;
      font-size: px2rem(14);
      margin-right: px2rem(10);
      color: #333;
    }
  }

  .formtext {
    h3 {
      font-size: px2rem(14);
      color: gray;
      text-align: center;
      margin: px2rem(20) 0;
    }

    div {
      display: flex;
      justify-content: center;

      .register_input {
        background: #f5f5f5;
        border-radius: px2rem(20);
        width: 80%;
        height: px2rem(36);
        font-size: px2rem(14);
        color: #999999;
        text-align: left;
        text-indent: px2rem(18);
        outline: medium;
        border: none;
        margin: px2rem(10) 0;
      }

      button {
        width: 80%;
        background: #feb2c5 !important;
        border-radius: px2rem(20);
        height: px2rem(36);
        font-size: px2rem(14);
        color: #ffffff;
        line-height: px2rem(14);
        text-align: center;
        margin: px2rem(18) auto 0 auto;
        display: block;
      }
    }

    .register_agreement {
      font-size: px2rem(12);
      color: #999999;
      height: px2rem(36);
      line-height: px2rem(36);
      text-align: center;

      a {
        color: #999999;
      }
    }
  }
}
